<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="__INDEX__/css/mui.min.css" rel="stylesheet" />
		<link href="__INDEX__/css/Phoebe.css" rel="stylesheet" />
		<link href="__INDEX__/css/all.css" rel="stylesheet" />
		<link href="http://at.alicdn.com/t/font_r4hllapx8ijdobt9.css" rel="stylesheet" />
		<link href="__INDEX__/css/sub-inquire.css" rel="stylesheet" />

		<title>市场</title>
		<style>
			body {
				background: #fff;
			}
			
			.sub-inquire {
				width: 100%;
				padding: 0;
			}
			
			ul.sub-inquire>li {
				border-bottom: 1px solid #dbdbdb;
			}
			
			ul.sub-inquire>li.fall>a>ul>li:not(:first-child) {
				color: #58F086;
			}
			
			ul.sub-inquire>li.grow>a>ul>li:not(:first-child) {
				color: #E4393C;
			}
			
			ul>li>a>ul>li:nth-child(2) {
				width: 40%;
			}
			
			ul>li>a>ul>li:not(:nth-child(2)) {
				width: 20%;
			}
			
			body .mui-bar-tab {
				border-top: 1px solid #dbdbdb !important;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<h1 class="mui-title">市场</h1>
		</header>
		<!--市场-->
		<ul class="sub-inquire">
			<li>
				<a href="javascript:void(0)">
					<ul>
						<li>产品</li>
						<li>昨日成交均价</li>
						<li>涨跌</li>
						<li>涨跌幅</li>
					</ul>
				</a>
			</li>
			{foreach name="list" item="gd"}
			<li>
				<a href="{:url('index/market_show',['id'=>$gd.id])}">
					<ul>
						<li>{$gd.name}</li>
						<li>{$gd.y}</li>
						<li>{$gd.z}</li>
						<li>{$gd.m}</li>
					</ul>
				</a>
			</li>
			{/foreach}
		</ul>
		<hr style="margin-top: 30px;">
		<div style="text-align: center;" class="help_content" id='help_content'>
			{$new_content['content']}
		</div>
		<!--底部导航-->

		<nav class="mui-bar mui-bar-tab" id="footer-list">
			<a class="mui-tab-item" href="{:url('index/index')}">
				<span class="mui-icon iconfont icon-shouye"></span>
				<span class="mui-tab-label">首页</span>
			</a>
			<a class="mui-tab-item mui-active" href="{:url('index/market')}">
				<span class="mui-icon iconfont icon-heilongjiangtubiao09"></span>
				<span class="mui-tab-label">市场</span>
			</a>
			<a class="mui-tab-item" href="{:url('index/ck')}">
				<span class="mui-icon iconfont icon-cangku1"></span>
				<span class="mui-tab-label">持仓</span>
			</a>
			<a class="mui-tab-item " href="{:url('member/index')}">
				<span class="mui-icon iconfont icon-wode1"></span>
				<span class="mui-tab-label">我的</span>
			</a>
		</nav>
		<script src="js/mui.min.js"></script>
		<script type="text/javascript" src="js/jquery-1.11.3.js"></script>
		<script type="text/javascript">
			mui.init();
			var aniShow = "pop-in";
			//页面跳转
			mui('#footer-list').on('tap', 'a', function() {
				var id = this.getAttribute('href');
				var href = this.href;
				mui.openWindow({
					id: id,
					url: this.href,
					show: {
						aniShow: aniShow
					},
					waiting: {
						autoShow: false
					}
				});
			});
		</script>
	</body>

</html>